<!DOCTYPE html>
<html lang="zh-CN">
  <head>
      <meta charset="utf-8">
      <!--不支持老版本IE-->
      <meta http-equiv="X-UA-Compatible" content="IE=edge">
      <!--device-width自适应移动端宽度，initial-scale=1不进行缩放-->
      <title>网上新闻发布</title>
      <!-- Bootstrap 核心样式文件 -->
      <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap.min.css">
      <script src="http://cdn.static.runoob.com/libs/jquery/2.1.1/jquery.min.js"></script>
      <script src="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/js/bootstrap.min.js"></script>
      <style type="text/css">
          /*设置body，不要让导航条（默认50px）压到下面的内容*/
           body { padding-top: 40px; }

          /*该类的图片设置大小*/
          .carousel-inner .item img {
              height: 300px;
              width: 100%;
          }
          
          .img-thumbnail {
          	  width:300px;
      		  height:160px
          }
      </style>
      
  </head>

<body>
<nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
    <div class="container-fluid">
    <div class="navbar-header">
        <a class="navbar-brand" href="/">首页</a>
    </div>
    <div>
    {{#TEST_TABLE}}
        <ul class="nav navbar-nav">
            {{#TEST_TABLE_ITEM}}
            <li><a href="cgi_display?topic={{TOPIC}}&page=1">{{TOPIC}}</a></li>
            {{/TEST_TABLE_ITEM}}
        </ul>
        <ul class="nav navbar-nav navbar-right">
            {{#TEST_TABLE_ITEM1}}
                  {{LABEL}}
            {{/TEST_TABLE_ITEM1}}
        </ul>
    </div>
    </div>
</nav>



    <div class="carousel-inner" role="listbox">
                <!--图片-->
     <div class   ="item active">
           <img src  ="Images/34.jpg" alt="风景1"></img>
        <div class   ="carousel-caption">
        <!--h4中的内容显示到图片上面，-->
          <h1>新闻浏览</h1>
        </div>
       </div>
    </div>

<div style="margin-top: 30px;margin-left: 200px;margin-right: 200px;">
    <table class="table table-striped" id="pageLimit">
        <caption><h2>新闻列表</h2></caption>
      <thead>
        <tr>
        <th><h4>新闻标题</h4></th>
        <th><h4>作者</h4></th>
        <th><h4>发布日期</h4></th>
        </tr>
      </thead>
      <tbody>
    {{#TEST_TABLE_ITEM2}}
        <tr>
        <td><h5><a href='{{STATE}}{{TITLE}}' class="btn btn-success btn-lg btn-link">{{TITLE}}</a></h5></td>
        <td><h5>{{AUTHOR}}</h5></td>
        <td><h5>{{DATE}}</h5></td>
        </tr>
    {{/TEST_TABLE_ITEM2}}
      </tbody>
    </table>
    
    <div style="margin-left:400px;">
    <ul class="pagination">
    {{#TEST_TABLE_ITEM3}}
        <li><a href="{{CGI}}&page=1">首页</a></li>
        <li {{STATE1}}><a href="{{HREF1}}">上一页</a></li>
        <li class="active"><a href="#">{{CUR}}</a></li>
        {{#TEST_TABLE_ITEM4}}
        <li><a href="{{CGI}}&page={{PAGE}}">{{PAGE}}</a></li>
        {{/TEST_TABLE_ITEM4}}
        <li {{STATE2}}><a href="{{HREF2}}">下一页</a></li>
        <li><a href="{{CGI}}&page={{LASTPAGE}}">最后一页</a></li>
    {{/TEST_TABLE_ITEM3}}
    </ul>
    </div>
    {{/TEST_TABLE}}
</div>

</body>
</html>
